<div class="navbar-nav me-auto">
  <!-- Products Dropdown -->
  <div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="productsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
      Product
    </a>
    <ul class="dropdown-menu" aria-labelledby="productsDropdown">
      <li><a class="dropdown-item" href="{{link_annotation}}" target="_blank">Data Annotation</a></li>
      <li><a class="dropdown-item" href="{{link_curation}}" target="_blank">Data Curation</a></li>
      <li><a class="dropdown-item" href="{{link_evaluation}}" target="_blank">Model Evaluation</a></li>
      <li><a class="dropdown-item" href="{{link_integrations}}" target="_blank">Integrations</a></li>
      <li><a class="dropdown-item" href="{{link_plugins}}" target="_blank">Plugins</a></li>
    </ul>
  </div>
  <div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="solutionsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
      Solutions
    </a>
    <ul class="dropdown-menu" aria-labelledby="solutionsDropdown">
      <li><a class="dropdown-item" href="{{link_agriculture}}" target="_blank">Agriculture</a></li>
      <li><a class="dropdown-item" href="{{link_autonomous_systems}}" target="_blank">Autonomous Vehicles &amp; Systems</a></li>
      <li><a class="dropdown-item" href="{{link_aviation}}" target="_blank">Aviation</a></li>
      <li><a class="dropdown-item" href="{{link_defense}}" target="_blank">Defense</a></li>
      <li><a class="dropdown-item" href="{{link_healthcare}}" target="_blank">Healthcare</a></li>
      <li><a class="dropdown-item" href="{{link_manufacturing}}" target="_blank">Manufacturing</a></li>
      <li><a class="dropdown-item" href="{{link_research}}" target="_blank">Research</a></li>
      <li><a class="dropdown-item" href="{{link_retail}}" target="_blank">Retail</a></li>
      <li><a class="dropdown-item" href="{{link_robotics}}" target="_blank">Robotics</a></li>
      <li><a class="dropdown-item" href="{{link_security}}" target="_blank">Security</a></li>
      <li><a class="dropdown-item" href="{{link_sports}}" target="_blank">Sports</a></li>
    </ul>
  </div>

  <!-- Customers Link -->
  <div class="nav-item">
    <a class="nav-link" href="{{link_customers}}" target="_blank">Customers</a>
  </div>

  <!-- Resources Dropdown -->
  <div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="resourcesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
      Resources
    </a>
    <ul class="dropdown-menu" aria-labelledby="resourcesDropdown">
      <li><a class="dropdown-item" href="{{link_voxel51_blog}}" target="_blank">Blog</a></li>
      <li><a class="dropdown-item" href="{{link_events}}" target="_blank">Upcoming Events</a></li>
      <li><a class="dropdown-item" href="{{link_webinars}}" target="_blank">On-Demand Webinars</a></li>
      <li><a class="dropdown-item" href="{{link_whitepapers}}" target="_blank">Whitepapers & Reports</a></li>
      <li><a class="dropdown-item" href="{{link_community}}" target="_blank">Computer Vision Community</a></li>
      <li><a class="dropdown-item" href="{{link_research}}" target="_blank">CV Research</a></li>
      <li><a class="dropdown-item" href="{{link_press}}" target="_blank">Newsroom</a></li>
    </ul>
  </div>

  <!-- Docs Link -->
  <div class="nav-item">
    <a class="nav-link" href="{{link_docs_fiftyone}}">Docs</a>
  </div>
</div>
